<?php $ishome = $this->countModules('columns');?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="description" content=""/>
	<meta name="keywords" content="" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/ess/css/style.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/ess/css/ess.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/ess/css/pml.css">
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery-1.8.0.min.js"></script>
	
	<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			// Handler for .ready() called.
			$('#banner ul li div').each(function(index) {
				//alert(index + ': ' + $(this).text());
				$(this).parent().find('img').effect("slide", {}, 500);
				$(this).delay(600 + index*150).slideDown(200).effect("bounce", { times:2 }, 200);
				
				
			});
			
			var isAn = false;
			var isOK = true;
			$('#banner ul li').mouseover(function(){
				if(isOK)
				{
				
				
					//$("p").css("background-color","yellow");
					//$(this).find('div').css('bottom', '356px');
					$(this).find('div').slideUp(200, function() {
								$(this).css('bottom', '');
								$(this).css('top', '0');
								$(this).slideDown(200);
								//alert("sdfsdf");
							}
					);
					
					if(!isAn){
						
						$(this).find('a').effect( "highlight", {color:"#669966"}, 200 );
					
						$(this).find('img').animate({
							//opacity: 0.25,
							left: '-20px',
							top: '-20px',
							height: '458px',
							width: '270px'
						      }, 200, function() {
								
						      });	
						
						
						isAn = true;
					}
				
				
				
				}
			});
			
			$('#banner ul li').mouseout(function(){
				if(isOK)
				{
				
				
					$(this).find('div').slideUp(200, function() {
								$(this).css('top', '');
								$(this).css('bottom', '0');
								$(this).slideDown(200);
								//alert("sdfsdf");
							}
					);
					
					
					
					$(this).find('img').animate({
							//opacity: 0.25,
							left: '0',
							top: '0',
							height: '418px',
							width: '230px'
						      }, 200, function() {
								
						      });
					isAn = false;
				
				}
			});
			
			$('#banner ul li div').mouseout(function(){
				isOK = true;
			
			});
			
			$('#banner ul li div').mouseover(function(){
				isOK = false;
			});
			
			
			if($('#banner ul li').length)
			{
				$('.main-content #top').css('height', '353px');
				$('.main-content #top').css('margin-bottom', '80px');
			}
			
		});
	</script>
	
</head>
<body>
<div id="content">
	<div id="wrapper" class="mha">
		<div id="header">
			<div class="w960 mha">
				<div id="logo" class="fl pt10">
					<div class="fl">
						<a href="/ess" class="poa ti9">ESS</a>
						<a href="/ess"><img src="<?php echo $this->baseurl ?>/templates/ess/images/logo.png" /></a>
					</div>
				</div>
				<div class="headerLinks fr"></div>
					
				<jdoc:include type="modules" name="mainmenu" />

			</div><!--w960 mha-->
		</div><!--header-->
		<div class="clear"></div>
		
		<div class="main-content">
			<div id="top">
				<jdoc:include type="modules" name="columns" />				
			</div>
			<div class="clear"></div>
			<div class="w960 mha mt10">
				
				
				<jdoc:include type="modules" name="rightbar" />				
				
				
				<div class="w705 fr fs14">
					<jdoc:include type="modules" name="whoweare" />
					<jdoc:include type="component" />
				</div>
				
				<div class="leftbar pt10 w240 fl ofh">
					<jdoc:include type="modules" name="leftbar" />
				</div>
				
				<div class="clear"></div>
			</div><!--w960 mha mt10-->	
		</div><!--main-content-->
	</div><!--wrapper-->
	<div class="clear"></div>
	<div id="footer" class="">
		<div class="ftcontent">
			<jdoc:include type="modules" name="bottommenu" />

			<div class="fr tar">
				<p>All Rights Reserved 2012. Excellent Security<br />
				<a href="http://www.top3.com.sg/" >SEO</a> | <a href="http://web-designer.com.sg/">Web Design by: www.web-designer.com.sg</a></p>
			</div>
		</div><!--ftcontent-->
	</div><!--footer-->
</div><!--content-->
</body>
</html>